html, body{
height:100%;
width:100%;
}
.box{
height:100%;
width:100%;
position:relative;
display:flex;
}
.box .left{
flex:1;
width:50%;
border:1px solid #000;
height:100%;
float:left;
box-sizing:border-box;
}
.box .left .imgshow{
height:400px;
width:400px;
border:1px solid #000;
}
.box .left ul{
list-style:none;
margin:0;
padding:0;

}
.box .left ul > li{
height:100px;
width:78px;
border:1px solid #000;
float:left;
text-align:center;
}
.box .right{
float:left;
width:50%;
box-sizing:border-box;
flex:1;
}


.box input{
width:30px;
}